.swal2-container {
     z-index: 9999999 !important;
    /* Certifique-se de que o z-index seja maior que o modal (1050) e o footer */
}
 .pontos-fidelidade {
     background-color: #04B404 !important;
    /* Fundo verde claro */
     color: white;
    /* Letras brancas */
     padding: 4px;
     border-radius: 4px;
    /* Cantos arredondados */
     display: inline-block;
     font-size: 11px;
}
 .pontos-fidelidade i {
     margin-right: 5px;
}
 .price {
     font-size: 1.1em;
     color: #d9534f;
     margin-top: 10px;
}
 .item-label {
     display: flex;
     align-items: center;
     background-color: #F8F9FA;
     border: 1px solid #D3D3D3;
     padding: 10px;
     border-radius: 5px;
     margin: 10px 0;
     font-size: 1em;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     transition: background-color 0.3s ease, transform 0.3s ease;
}
 .item-label:hover {
     background-color: #E2E6EA;
     transform: translateY(-2px);
}
 .item-label input[type="checkbox"] {
     margin-right: 10px;
}
 .item-label b {
     flex-grow: 1;
}
 .quantity-controls {
     display: flex;
     align-items: center;
}
 
 .qtyCat {
     text-align: center;
     border: 1px solid #D3D3D3;
     border-radius: 3px;
     padding: 5px;
     width: 50px;
}
 .description {
     background-color: #F8F9FA;
    /* Cinza muito claro para um visual limpo e elegante */
     border: 1px solid #D3D3D3;
    /* Uma borda sutil para definição */
     color: black;
     padding: 10px 15px;
    /* Mais preenchimento para uma aparência mais espaçosa */
     cursor: pointer;
     border-radius: 5px;
    /* Bordas arredondadas para suavidade */
     margin: 10px 5px;
    /* Margem maior para espaçamento adequado */
     font-size: .8em;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Sombra sutil para dar profundidade */
     transition: background-color 0.3s ease, transform 0.3s ease;
    /* Transições suaves para interatividade */
}
 .description:hover {
     background-color: #E2E6EA;
    /* Cor de fundo levemente mais escura ao passar o mouse */
     transform: translateY(-2px);
    /* Leve elevação ao passar o mouse */
}
 .tremer{
     animation: treme 0.1s;
     animation-iteration-count: 3;
}
 @keyframes treme {
     0% {
        margin-left: 0;
    }
     25% {
        margin-left: 5px;
    }
     50% {
        margin-left: 0;
    }
     75% {
        margin-left: -5px;
    }
     100% {
        margin-left: 0;
    }
}
 #div-img-fome{
     margin: 0 auto;
     align-items: center;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
}
 #img-fome {
     max-width:250px;
     max-height:200px;
     width: auto;
     height: auto;
}
 #footer {
     background-color:#d9534f;
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     height:50px;
     margin-bottom:0px;
     text-align:center;
     text-decoration: none;
     color: #ffffff;
     width: 100%;
     font-weight: bold;
     cursor: pointer;
     padding-top: 15px;
}
 #footer:hover{
     background-color:#00a000;
}
 #footerr {
     background-color:#ff6247;
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     height:50px;
     margin-bottom:0px;
     text-align:center;
     text-decoration: none;
     color: #ffffff;
     width: 100%;
     font-weight: bold;
     cursor: pointer;
     padding-top: 15px;
}
 #footerr:hover{
     background-color:#d9534f;
}